<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head th:replace="/pc/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>订单统计-查看详情</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/pc/common/search-component.css(css=${css})}"/>
			<style>
				table tr .lg {padding-top: 10px; text-align:right;}
				.search-text{border-radius:5px;}
				.treeselect_title span{border-radius:5px;}
				.select_province span{border-radius:5px;}
				.search-area{border-radius:5px;}
				.line-bg{height:30px;width:4px; float:left;border-radius:10px;background:#c34900;vertical-align: middle;}
				.label-bg{background:#e8e8e8;width:100%;height:30px; line-height:30px;text-align:left;}
			</style>
		</th:block>
	</head>
	<body>
		<div class="mini-fitboxs">
			<form id="order-form">
					<table class="around_list" style=" margin:0 auto;">
						<tr>
			            	<td class="lg" colspan="4"><div class="line-bg"></div><div class="label-bg"><label style="line-height:25px; margin-left:5px; font-weight: bold;">订单信息</label></div></td>
			        	</tr>
				        <tr>
				            <td class="lg"><label>商　　户：</label></td>
				            <td class="lg">
				                <div id="merchantname" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg" style="padding-left:10px;"><label>客　　户：</label></td>
				            <td class="lg">
				                <div id="customername" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				        	<td class="lg"><label>订   单  号：</label></td>
				            <td class="lg" style="width:400px;">
				                <div id="entityid" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg" style="padding-left:10px;"><label>订单状态：</label></td>
				            <td class="lg">
				                <div id="entitystate" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				        	<td class="lg"><label>商品总额：</label></td>
				            <td class="lg" style="width:400px;">
				                <div id="goodtotal" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg" style="padding-left:10px;"><label>配送费用：</label></td>
				            <td class="lg">
				                <div id="deliverycost" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>订单总额：</label></td>
				            <td class="lg">
				                <div id="ordertotal" class="search-label" width="400" height="26" ></div>
				            </td>
				            <td class="lg"><label>支付总额：</label></td>
				            <td class="lg">
				                <div id="paymenttotal" class="search-label" width="400" height="26" ></div>
				            </td>
				        </tr>
				        <tr>
				        	<td class="lg" style="padding-left:10px;"><label>积分支付：</label></td>
				            <td class="lg">
				                <div id="integralpay" class="search-label" width="400" height="26"></div>
				            </td>
				        	<td class="lg" style="padding-left:10px;"><label>钻石支付：</label></td>
				            <td class="lg">
				                <div id="diamondpay" class="search-label" width="400" height="26" ></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>收  货  人：</label></td>
				            <td class="lg" style="width:400px;">
				                <div id="receiver" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg" style="padding-left:10px;"><label>联系方式：</label></td>
				            <td class="lg" style="width:400px;">
				                <div id="mobilephone" class="search-label" width="400" height="26" ></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>收货地址：</label></td>
				            <td colspan="3" class="lg" style="width:876px;">
				                <div id="detailaddress" class="search-label" width="876" height="50"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>订单来源：</label></td>
				            <td class="lg">
				                <div id="orderorigin" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg"><label>订单类型：</label></td>
				            <td class="lg">
				                <div id="ordertype" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				        	<td class="lg"><label>支付状态：</label></td>
				            <td class="lg">
				                <div id="paymentstate" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg"><label>配送状态：</label></td>
				            <td class="lg">
				                <div id="deliverystate" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>配送方式：</label></td>
				            <td class="lg">
				                <div id="deliverymode" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg"><label>配送时间：</label></td>
				            <td class="lg">
				                <div id="deliverytime" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>下单时间：</label></td>
				            <td class="lg">
				                <div id="ordertime" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg"><label>确认时间：</label></td>
				            <td class="lg">
				                <div id="confirmtime" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>付款时间：</label></td>
				            <td class="lg">
				                <div id="paytime" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg"><label>发货时间：</label></td>
				            <td class="lg">
				                <div id="sendtime" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>收货时间：</label></td>
				            <td class="lg">
				                <div id="receivetime" class="search-label" width="400" height="26"></div>
				            </td>
				            <td class="lg"><label>完成时间：</label></td>
				            <td class="lg">
				                <div id="completetime" class="search-label" width="400" height="26"></div>
				            </td>
				        </tr>
				        <tr>
				            <td class="lg"><label>取消原因：</label></td>
				            <td colspan="3" class="lg">
				                <div id="cancelreason" class="search-label" width="876" height="50"></div>
				            </td>
				        </tr>
					<tr>
			            <td class="lg" colspan="4"><div class="line-bg"></div><div class="label-bg"><label style="line-height:25px; margin-left:5px; font-weight: bold;">订单商品</label></div></td>
			        </tr>
			        <tr>
			        	<td class="lg" colspan="4">
							<div id="dataGrid" class="search-datagrid  main-auto-content" idField="entityid" showCheckBox="false" multiSelect="false"
						         alternatingRows="true" style="width:946px;height:400px;" showPager="false" ondrawcell="ongoodsdrawcell">
						        <div property="columns">
						            <div type="checkcolumn"></div>
						            <div type="indexcolumn" width="30" headAlign="center" textAlign="center">序号</div>
						            <div field="goodname" width="150" headAlign="center" textAlign="left" fitColumn="true">商品名称</div>
						            <div field="goodorigin" width="150" headAlign="center" textAlign="left">商品产地</div>
						            <div field="goodspec" width="150" headAlign="center" textAlign="left">商品规格</div>
						            <div field="goodprice" width="100" headAlign="center" textAlign="right">商品价格</div>
						            <div field="goodnumber" width="100" headAlign="center" textAlign="right">商品数量</div>
						            <div field="goodtotal" width="100" headAlign="center" textAlign="right">商品总额</div>
						            <div field="refunded" width="80" headAlign="center" textAlign="center">是否退货</div>
						        </div>
						    </div>
			        	</td>
			        </tr>
					<tr>
			            <td class="lg" colspan="4"><div class="line-bg"></div><div class="label-bg"><label style="line-height:25px; margin-left:5px; font-weight: bold;">退款记录 </label></div></td>
			        </tr>
			        <tr>
			        	<td class="lg" colspan="4">
						<div id="RefundRecordsGrid" class="search-datagrid  main-auto-content" idField="entityid" showCheckBox="false" multiSelect="false"
					         alternatingRows="true" style="width:946px;height:400px;" showPager="false" ondrawcell="ondrawcell">
					        <div property="columns">
					            <div type="checkcolumn"></div>
					            <div type="indexcolumn" width="30" headAlign="center" textAlign="center">序号</div>
					            <div field="applytype" width="80" headAlign="center" textAlign="center">申请类型</div>
					            <div field="applytime" width="120" headAlign="center" textAlign="center">申请时间</div>
					            <div field="applydesc" width="300" headAlign="center" textAlign="left">申请描述</div>
					            <div field="partialrefund" width="80" headAlign="center" textAlign="center">部分退款</div>
					            <div field="refundtotal" width="100" headAlign="center" textAlign="right">退款总额</div>
					            <div field="integralrefund" width="100" headAlign="center" textAlign="right">积分退款</div>
					            <div field="diamondrefund" width="100" headAlign="center" textAlign="right">钻石退款</div>
					            <div field="handletime" width="120" headAlign="center" textAlign="center">处理时间</div>
					            <div field="handledesc" width="300" headAlign="center" textAlign="left">处理描述</div>
					            <div field="tradeno" width="200" headAlign="center" textAlign="left">退款单号</div>
					            <div field="refundtime" width="120" headAlign="center" textAlign="center">退款时间</div>
					            <div field="entitystate" width="80" headAlign="center" textAlign="center">状态</div>
					        </div>
					    </div>
			        	</td>
			        </tr>
				</table>
			</form>
		</div>
		<div class="org-btn">
		    <input class="org-close" type="button" onclick="window.closeWindow();" value="关闭"/>
		</div>
		<script type="text/javascript" th:src="@{{js}/pc/common/search-component.js(js=${js})}"></script>
		<script type="text/javascript" th:src="@{{js}/pc/statistics/orders/OrderStatisticsDetailHandler.js(js=${js})}"></script>
	</body>
	
</html>